@charset "utf-8";
/* CSS Document */
body {
FONT-SIZE: 14px;
margin:0px;
padding: 0px;
font-family:"微软雅黑";
color:#666666;
margin:0px;
padding:0px; background-color:#fff;
overflow-x: hidden;
box-sizing: border-box;
}
*{font-family:"微软雅黑";}
a{text-decoration:none;}
li{list-style:none}
a{
cursor: pointer;
color:#666
}
.center{width:1200px;margin:0 auto}
h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500}
.ctrl span{ float:left; cursor:pointer;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{
border:none;
display: block;
}
.cursor_pointer{
cursor:pointer;
}
button{
cursor:pointer;
}
.float_l{
float: left;
}
.float_r{
float: right;
}
.clear{
clear:both
}
.sr-bdimgshare .bdimgshare-content{
display: none;
}
.sr-bdimgshare-black .bdimgshare-bg{
display: none;
}
select::-ms-expand{ display: none; }
select{
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
/* 电脑站侧边 */
.panel {
display: none;
}
.phone_none{
display: none;
}
.top_pc .toubu{
height: 47px;
background: #f2f2f2;
border-bottom: solid 1px #e8e8e8;
}
.top_pc .toubu .l{
font-size: 16px;
color: #666666;
line-height: 47px;
}
.top_pc .toubu .r a{
width: 138px;
height: 47px;
display: block;
font-size: 15px;
color: #999999;
line-height: 47px;
text-align: center;
}
.top_pc .toubu .r a:nth-child(1){
background: url("../images/top_icon1.png") left center no-repeat;
}
.top_pc .toubu .r a:nth-child(2){
background: url("../images/top_icon2.png") left center no-repeat;
}
.top_pc .toubu .r a:nth-child(3){
background: url("../images/top_icon3.png") left center no-repeat;
}
.top_pc .toubu .r a:nth-child(4){
background: url("../images/top_icon4.png") left center no-repeat;
}
.top_pc .logo{
height: 150px;
border-bottom: solid 1px #e8e8e8;
}
.top_pc .logo .search{
width: 381px;
height: 46px;
margin-top: 52px;
}
.top_pc .logo .search input{
width: 212px;
height: 44px;
font-size: 15px;
color: #8c8c8c;
padding: 0 18px;
border: solid 1px #dedede;
border-right: none;
}
.top_pc .logo .search input::-webkit-input-placeholder{
color:#8c8c8c;
}
.top_pc .logo .search input::-moz-placeholder{
color:#8c8c8c;
}
.top_pc .logo .search input:-moz-placeholder{
color:#8c8c8c;
}
.top_pc .logo .search input:-ms-input-placeholder{
color:#8c8c8c;
}
.top_pc .logo .search select{
width: 80px;
height: 46px;
font-size: 15px;
margin-right: 3px;
color: #8c8c8c;
padding:0 30px 0 15px;
border: solid 1px #dedede;
border-right: solid 1px #eeeeee;
background: url("../images/select_icon.png") center right 14px no-repeat;
}
.nav_pc{
height: 62px;
background: #0953c0;
}
.nav_pc a{
display: block;
width: 120px;
height: 62px;
line-height: 62px;
font-size: 16px;
color: #ffffff;
text-align: center;
transition:all 0.3s ease-in-out;
}
.nav_pc a:hover{
background: #ff8400;
}
.nav_pc .xuanzhong{
background: #ff8400;
}
.nav_pc .float_r{
width: 240px;
background: #ff8400;
font-size: 16px;
color: #ffffff;
text-align: center;
line-height: 62px;
}
.banner_pc .banner_img{
height: 500px;
}
.banner_pc .swiper-button-prev-b{
left: 100px;
}
.banner_pc .swiper-button-next-b{
right: 100px;
}
.foot{
background: #242424;
}
.foot .foot_bottom{
height: 73px;
line-height: 73px;
font-size: 16px;
color: #cccccc;
border-top: solid 1px #323232;
}
.foot .foot_top{
padding-top: 60px;
padding-bottom: 40px;
}
.foot .foot_top .foot_border{
height: 181px;
width: 1px;
margin: 0 18px;
background: #1b1b1b;
}
.foot .foot_top .foot_border .xian{
height: 35px;
width: 1px;
background: #4565b5;
}
.foot .foot_top .foot_cp{
width: 28%;
}
.foot .foot_top .foot_cp .foot_title{
font-size: 18px;
color: #f7f7f7;
line-height: 36px;
}
.foot .foot_top .foot_cp .foot_nav a{
display: block;
width: 50%;
font-size: 16px;
color: #999999;
line-height: 30px;
}
.foot .foot_top .foot_cp2{
width: 12%;
}
.foot .foot_top .foot_cp2 .foot_nav a{
display: block;
width: 100%;
}
.foot .foot_top .float_r{
width: 520px;
}
.foot .foot_top .float_r .img{
margin-bottom: 22px;
border-bottom: solid 1px #323232;
}
.foot .foot_top .float_r p{
font-size: 16px;
color: #999999;
line-height: 30px;
}
.guanjianci{
background: #fff;
height: 53px;
padding: 1px 0;
overflow: hidden;
border-bottom: solid 1px #cccccc;
}
.guanjianci p{
font-size: 15px;
color: #333333;
font-weight: 600;
line-height: 54px;
}
.guanjianci a{
display: block;
line-height: 17px;
height: 17px;
margin-top: 17px;
padding: 0 20px;
border-left: dashed 1px #666666;
}
.guanjianci a:nth-child(2){
border-left: none;
}
.index_product{
padding: 59px 0 58px 0;
background: url("../images/index_product.png") center center no-repeat;
background-size:100% 100%;
}
.left{
width: 301px;
}
.left .product_label{
width: 295px;
background: #fff;
padding-bottom: 35px;
border: solid 3px #0953c0;
}
.left .product_label .title{
height: 137px;
width: 100%;
position: relative;
background: url("../images/product_label.png") center bottom no-repeat;
}
.left .product_label .title .p1{
position: absolute;
width: 100%;
height: 137px;
text-align: center;
line-height: 116px;
font-size: 66.5px;
color: #ffffff;
opacity: 0.08;
text-transform:uppercase;
font-family: fantasy;
left: 0;
top: 0;
z-index: 1;
}
.left .product_label .title .p2{
position: absolute;
width: 100%;
height: 137px;
text-align: center;
line-height: 116px;
font-size: 36px;
color: #ffffff;
left: 0;
top: 0;
z-index: 2;
font-weight: 600;
}
.index_product .list_dl{
width: calc(100% - 50px);
margin: auto;
padding-top: 21px;
}
.index_product .list_dt2{
background: #0953c0;
font-size: 16px;
color: #ffffff;
width: calc(100% - 80px);
height: 48px;
line-height: 48px;
padding: 0 40px;
margin-top: 10px;
border-radius: 8px;
cursor: pointer;
position: relative;
transition:all 0.3s ease-in-out;
}
.index_product .list_dt2 p{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1; color:#ffffff;
}
.index_product .list_dt2:hover{
background: #ff8400;
}
.index_product #open{
background: #ff8400;
}
.index_product .list_dd2{
display: none;
margin-left: 0;
margin-top: 8px;
}
.index_product .list_dd2 ul{
margin: 0;
padding-left: 0;
padding: 0 8px;
}
.index_product .list_li2{
display: block;
list-style-type: none;
font-size: 14px;
color: #666666;
padding: 0 28px;
height: 50px;
line-height: 50px;
border-bottom: dashed 1px #d4d4d6;
cursor: pointer;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
transition:all 0.3s ease-in-out;
background: url("../images/product_icon.png") left 9px center no-repeat;
}
.index_product .list_li2:hover{
color: #ff8400;
}
.index_product .list_dd2 .more{
display: block;
list-style-type: none;
font-size: 16px;
color: #0953c0;
padding: 0 30px;
height: 50px;
line-height: 50px;
border-bottom: dashed 1px #d4d4d6;
cursor: pointer;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
transition:all 0.3s ease-in-out;
}
.index_product .list_dd2 .more:hover{
color: #ff8400;
}
.index_product .right{
width: calc(100% - 330px);
}
.index_product .right .title{
height: 52px;
margin-bottom: 32px;
border-bottom: solid 1px #e8e9eb;
background: url("../images/right_title.png") bottom left no-repeat;
}
.index_product .right .title .p{
line-height: 42px;
min-width: 108px;
width:auto;
text-align: center;
height: 42px;
font-size: 22px;
color: #0953c0;
}
.index_product .right .title .float_r{
display: block;
line-height: 44px;
height: 44px;
font-size: 16px;
color: #5b5b5b;
margin-right: 5px;
text-transform:uppercase;
transition:all 0.3s ease-in-out;
}
.index_product .right .title a:hover{
color: #0953c0;
}
.index_product .right .product .product_first{
height: 325px;
background: #fff;
border: solid 1px #e0e0e2;
margin-bottom: 40px;
}
.index_product .right .product .product_first .img{
height: 325px;
width: 50%;
}
.index_product .right .product .product_first .text{
width: calc(45% - 52px);
padding-right: 52px;
}
.index_product .right .product .product_first .text .bt{
font-size: 26px;
color: #0953c0;
font-weight: 600;
line-height: 62px;
height: 62px;
padding-top: 24px;
border-bottom: solid 1px #e0e0e2;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
margin-bottom: 15px;
}
.index_product .right .product .product_first .text .p{
font-size: 14px;
color: #5b5b5b;
line-height: 26px;
text-align: justify;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.index_product .right .product .product_first .text .more{
display: block;
width: 160px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 16px;
color: #ffffff;
background: #0953c0;
border-radius: 3px;
margin-top: 30px;
transition:all 0.3s ease-in-out;
}
.index_product .right .product .product_first .text .more:hover{
background: #ff8400;
}
.index_product .right .product .product_list{
margin-left: -24px;
}
.index_product .right .product .product_list a{
display: block;
width: calc(33.333% - 24px);
margin-left:24px;
}
.index_product .right .product .product_list a .img{
border: solid 1px #e6e6e6;
background: #fff;
width: 100%;
overflow: hidden;
}
.index_product .right .product .product_list a .img img{
width: 280px;
height: 240px;
transition:all 0.3s ease-in-out;
}
.index_product .right .product .product_list a:hover .img img{
transform: scale(1.1)
}
.index_product .right .product .product_list a p{
font-size: 16px;
color: #5b5b5b;
line-height: 55px;
height: 55px;
text-align: center;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
transition:all 0.3s ease-in-out;
}
.index_product .right .product .product_list a:hover p{
color: #ff8400;
}
.application{
height: 840px;
background: #f6f7fb;
}
.application .background{
height: 840px;
background: url("../images/application.png") center top no-repeat;
}
.application .title{
text-align: center;
padding-top: 54px;
padding-bottom: 47px;
}
.application .title .h3{
font-size: 36px;
color: #ffffff;
font-weight: 600;
line-height: 46px;
}
.application .title .h6{
display: inline-flex;
line-height: 34px;
}
.application .title .h6 .xian{
width: 65px;
height: 1px;
margin-top: 17px;
background: #eff5fd;
}
.application .title .h6 .p{
font-size: 16px;
color: #ffffff;
padding: 0 6px;
text-transform:uppercase;
}
.application .title .h5{
font-size: 16px;
color: #ffffff;
line-height: 28px;
}
.application .application_img{
position: relative;
}
.swiper-container-a{
height: 572px;
background: #fff;
}
.application .application_img .swiper-pagination{
bottom: 34px;
}
.application .application_img .swiper-pagination-bullet {
width: 13px;
height: 13px;
display: inline-block;
border-radius: 100%;
background: #e5e5e5;
opacity: 1;
margin: 0 10px;
}
.application .application_img .swiper-pagination-bullet-active {
opacity: 1;
background: #ff8400;
}
.application .application_img .swiper-button-prev-a{
width: 60px;
height: 118px;
top: 0;
left: 0;
margin-top: 183px;
margin-left: -60px;
background: url("../images/application_l.png") center center no-repeat;
}
.application .application_img .swiper-button-next-a{
width: 60px;
height: 118px;
top: 0;
right: 0;
margin-top: 183px;
margin-right: -60px;
background: url("../images/application_r.png") center center no-repeat;
}
.application .application_img{
background: #fff;
}
.application .application_img .swiper-container{
/* padding: 0 30px; */
padding-top: 28px;
width: calc(100% - 60px);
}
.application .application_img .swiper-slide{
display: block;
width: calc(33.3333% - 16px);
border: solid 1px #e5e5e5;
margin: 0 8px;
}
.application .application_img .swiper-slide a{
display: block;
}
.application .application_img .swiper-slide a:nth-child(2){
margin: 0 21px;
}
.application .application_img .swiper-slide a .img{
overflow: hidden;
position: relative;
}
.application .application_img .swiper-slide a .img .datu{
width: 364px;
height: 325px;
transition:all 0.3s ease-in-out;
}
.application .application_img .swiper-slide a:hover .img .datu{
transform: scale(1.1);
}
.application .application_img .swiper-slide a .img .tankuang{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0, 0);
transition:all 0.3s ease-in-out;
}
.application .application_img .swiper-slide a:hover .img .tankuang{
background: rgba(0,0,0, 0.5);
}
.application .application_img .swiper-slide a .img .tankuang img{
display: block;
margin: auto;
transition:all 0.3s ease-in-out;
position: absolute;
top: 100%;
left: calc(50% - 28px);
}
.application .application_img .swiper-slide a:hover .img .tankuang img{
top: calc(50% - 28px);
}
.application .application_img .swiper-slide a .text{
padding: 22px 26px 36px 26px;
transition:all 0.3s ease-in-out;
}
.application .application_img .swiper-slide a:hover .text{
background: #0e69ef;
}
.application .application_img .swiper-slide a .text .bt{
font-size: 22px;
color: #1a1a1a;
text-align: center;
line-height: 46px;
height: 46px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
transition:all 0.3s ease-in-out;
}
.application .application_img .swiper-slide a:hover .text .bt{
color: #fff;
}
.application .application_img .swiper-slide a .text .p{
font-size: 14px;
color: #666666;
line-height: 26px;
text-align: center;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
transition:all 0.3s ease-in-out;
}
.application .application_img .swiper-slide a:hover .text .p{
color: #fff;
}
.youshi .list{
padding-top: 38px;
padding-bottom: 85px;
}
.youshi .list .img{
width: 50%;
height: 334px;
overflow: hidden;
position: relative;
}
.youshi .list .img img{
position: absolute;
top: 0;
left: 50%;
margin-left: -300px;
}
.youshi .list .text{
width: 50%;
height: 334px;
background: #f6f7fb;
}
.youshi .list .text .xuhao{
width: 65px;
height: 74px;
line-height: 74px;
text-align: center;
font-size: 40px;
color: #ffffff;
border-width: 600;
margin-left: 30px;
margin-top: 39px;
background: url("../images/xuhao.png") top left no-repeat;
}
.youshi .list .text .neirong{
width: calc(100% - 170px);
margin-left: 30px;
margin-top: 39px;
}
.youshi .list .text .neirong .title{
font-size: 30px;
color: #333333;
line-height: 56px;
padding-bottom: 10px;
font-weight: 600;
background: url("../images/xian.png") bottom left no-repeat;
}
.youshi .list .text .neirong .title span{
font-size: 16px;
color: #333333;
font-weight: 500;
margin-left: 12px;
}
.youshi .list .text .neirong .p{
font-size: 16px;
color: #666666;
line-height: 30px;
margin-top: 22px;
padding-right: 8px;
text-align: justify;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.youshi .list .text .neirong .more{
display: block;
width: 160px;
height: 46px;
font-size: 16px;
color: #ffffff;
line-height: 46px;
text-align: center;
background: #0953c0;
margin-top: 20px;
transition:all 0.3s ease-in-out;
}
.youshi .list .text .neirong .more:hover{
background: #ff8400;
}
.index_message{
height: 527px;
background: url("../images/index_message.png") center center no-repeat;
}
.index_message .h3{
font-size: 36px;
font-weight: 600;
line-height: 88px;
padding-top: 36px;
color: #ffffff;
text-align: center;
}
.index_message .message{
height: 336px;
background: #fff;
}
.index_message .message .text{
width: 340px;
margin-left: 20px;
margin-right: 62px;
}
.index_message .message .text .p1{
width: 137px;
height: 36px;
font-size: 16px;
color: #fffefe;
text-align: center;
line-height: 36px;
margin-top: 34px;
background: #ff8400;
}
.index_message .message .text .p2{
font-size: 38px;
color: #323232;
font-weight: 600;
line-height: 58px;
margin-top: 8px;
}
.index_message .message .text .p3{
font-size: 16px;
color: #666666;
line-height: 24px;
}
.index_message .message .text .xianxi{
padding-left: 76px;
height: 63px;
margin-top: 40px;
background: url("../images/xianxi.png") left center no-repeat;
}
.index_message .message .text .xianxi p:nth-child(1){
font-size: 16px;
color: #666666;
line-height: 28px;
}
.index_message .message .text .xianxi p:nth-child(2){
font-size: 32px;
font-weight: 600;
color: #333333;
line-height: 35px;
}
.index_message .message .shuru{
width: 420px;
padding-top: 32px;
}
.index_message .message .shuru .input{
border: solid 1px #cccccc;
margin-bottom: 10px;
width: calc(100% - 4px);
}
.index_message .message .shuru .input .img{
width: 50px;
height: 46px;
border-right: solid 1px #cccccc;
}
.index_message .message .shuru .textarea .img{
height: 104px;
display: flex;
align-items: center;
}
.index_message .message .shuru .input input{
width: calc(100% - 90px);
margin-left: 20px;
height: 46px;
padding: 0;
border: none;
font-size: 16px;
color: #ababab;
}
.index_message .message .shuru .input input::-webkit-input-placeholder{
color:#ababab;
}
.index_message .message .shuru .input input::-moz-placeholder{
color:#ababab;
}
.index_message .message .shuru .input input:-moz-placeholder{
color:#ababab;
}
.index_message .message .shuru .input input:-ms-input-placeholder{
color:#ababab;
}
.index_message .message .shuru .input textarea{
width: calc(100% - 90px);
margin-left: 20px;
height: 80px;
border: none;
font-size: 16px;
color: #ababab;
line-height: 24px;
padding: 12px 0;
padding-right: 19px;
}
.index_message .message .shuru .input textarea::-webkit-input-placeholder{
color:#ababab;
}
.index_message .message .shuru .input textarea::-moz-placeholder{
color:#ababab;
}
.index_message .message .shuru .input textarea:-moz-placeholder{
color:#ababab;
}
.index_message .message .shuru .input textarea:-ms-input-placeholder{
color:#ababab;
}
/*定义滚动条的整体样式使其变窄*/
.index_message .message .shuru .input textarea::-webkit-scrollbar{
width: 4px;
height: 1px;
}
/*定义滚动条的滑块的样式有圆角和阴影以及自定义的背景色*/
.index_message .message .shuru .input textarea::-webkit-scrollbar-thumb{
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px #eee;
background: #999;
}
.index_message .message .shuru .tijiao{
display: block;
width: 418px;
height: 48px;
background: #ff8400;
text-align: center;
line-height: 48px;
font-size: 16px;
color: #ffffff;
border: none;
}
.index_about{
height: 628px;
background: url("../images/index_about.png") center center no-repeat;
}
.index_about .title{
text-align: center;
padding-top: 40px;
padding-bottom: 26px;
}
.index_about .title .h3{
font-size: 36px;
color: #333333;
font-weight: 600;
line-height: 46px;
}
.index_about .title .h6{
display: inline-flex;
line-height: 34px;
}
.index_about .title .h6 .xian{
width: 65px;
height: 1px;
margin-top: 17px;
background: #e3e3e3;
}
.index_about .title .h6 .p{
font-size: 16px;
color: #b2b2b2;
padding: 0 6px;
text-transform:uppercase;
}
.index_about .title .h5{
font-size: 16px;
color: #666666;
line-height: 28px;
}
.index_about .about_text{
height: 368px;
background: #fff;
margin-bottom: 40px;
}
.index_about .about_text .img{
height: 368px;
width: 47%;
background: url("../images/about_img.png") center center no-repeat;
}
.index_about .about_text .text{
width: calc(53% - 89px);
padding-right: 45px;
}
.index_about .about_text .text .bt{
font-size: 30px;
color: #000000;
line-height: 76px;
height: 76px;
padding-top: 26px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.index_about .about_text .text .p{
font-size: 15px;
color: #666666;
line-height: 30px;
text-align: justify;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
text-indent: 2em;
}
.index_about .about_text .text .more{
display: block;
width: 160px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 16px;
color: #ffffff;
background: #0953c0;
margin-top: 30px;
transition:all 0.3s ease-in-out;
}
.index_about .about_text .text .more:hover{
background: #ff8400;
}
.index_news{
background: #fff;
min-height: 715px;
}
.index_news .title{
text-align: center;
padding-top: 40px;
padding-bottom: 18px;
}
.index_news .title .h3{
font-size: 36px;
color: #333333;
font-weight: 600;
line-height: 46px;
}
.index_news .title .h6{
display: inline-flex;
line-height: 34px;
}
.index_news .title .h6 .xian{
width: 65px;
height: 1px;
margin-top: 17px;
background: #e3e3e3;
}
.index_news .title .h6 .p{
font-size: 16px;
color: #b2b2b2;
padding: 0 6px;
text-transform:uppercase;
}
.index_news .news_nav{
text-align: center;
padding-bottom: 40px;
}
.index_news .news_nav .jz{
display: inline-flex;
}
.index_news .news_nav .jz a{
display: block;
width: 140px;
height: 46px;
border:solid 1px #cccccc;
border-left: none;
font-size: 16px;
color: #666666;
line-height: 46px;
text-align: center;
transition:all 0.3s ease-in-out;
}
.index_news .news_nav .jz a:nth-child(1){
border-left: solid 1px #cccccc;
}
.index_news .news_nav .jz a:hover{
background: #ff8400;
color: #fff;
}
.index_news .news_list{
}
.index_news .news_list .first_news{
width: 445px;
display: block;
}
.index_news .news_list .first_news .img{
overflow: hidden;
}
.index_news .news_list .first_news .img img{
width: 100%;
transition:all 0.3s ease-in-out;
}
.index_news .news_list .first_news:hover .img img{
transform: scale(1.1);
}
.index_news .news_list .first_news .text{
padding: 0 5px;
}
.index_news .news_list .first_news .text p:nth-child(1){
font-size: 18px;
color: #333333;
line-height: 38px;
height: 38px;
padding-top: 11px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
transition:all 0.3s ease-in-out;
}
.index_news .news_list .first_news:hover .text p:nth-child(1){
color: #ff8400;
}
.index_news .news_list .first_news .text p:nth-child(2){
font-size: 15px;
color: #666666;
line-height: 25px;
text-align: justify;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.index_news .news_list .list{
width: calc(100% - 510px);
}
.index_news .news_list .list a{
display: block;
margin-bottom: 34px;
}
.index_news .news_list .list a .img{
border: solid 1px #dedede;
overflow: hidden;
}
.index_news .news_list .list a .img img{
width: 154px;
transition:all 0.3s ease-in-out;
}
.index_news .news_list .list a:hover .img img{
transform: scale(1.1);
}
.index_news .news_list .list a .text{
margin-left: 25px;
width: calc(100% - 280px)
}
.index_news .news_list .list a .text p:nth-child(1){
font-size: 18px;
color: #333333;
line-height: 24px;
margin-bottom: 10px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
transition:all 0.3s ease-in-out;
}
.index_news .news_list .list a:hover .text p:nth-child(1){
color: #ff8400;
}
.index_news .news_list .list a .text p:nth-child(2){
font-size: 15px;
color: #666666;
line-height: 26px;
margin-bottom: 8px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.index_news .news_list .list a .text p:nth-child(3){
font-size: 14px;
color: #999999; line-height:28px;
}
.index_news .news_list .list a .icon{
width: 34px;
height: 34px;
margin-top: 47px;
transition:all 0.3s ease-in-out;
background: url("../images/news_icon1.png") center center no-repeat;
}
.index_news .news_list .list a:hover .icon{
background: url("../images/news_icon2.png") center center no-repeat;
}
.link{
height: 80px;
overflow: hidden;
background: #f2f2f2;
}
.link .float_r{
font-size: 16px;
color: #666666;
line-height: 80px;
}
.link .yqlj{
width: 70%;
}
.link .yqlj p{
font-size: 16px;
color: #333333;
line-height: 80px;
}
.link .yqlj a{
display: block;
font-size: 16px;
color: #666666;
border-left: solid 1px #666666;
padding: 0 15px;
line-height: 18px;
margin-top: 32px;
}
.link .yqlj a:nth-child(2){
border-left:none;
}
.foot_message{
height: 276px;
background: url("../images/message_bj.png") center center no-repeat;
}
.foot_message .left{
width: auto;
}
.foot_message .left .bt{
font-size: 26px;
line-height: 47px;
height: 47px;
margin-top: 38px;
color: #ffae00;
font-weight: 600;
padding-left: 55px;
margin-bottom: 19px;
background: url("../images/foot_message_icon.png") left center no-repeat;
}
.foot_message .left .bt span{
font-size: 16px;
color: #ffffff;
font-weight: 500;
margin-left: 12px;
}
.foot_message .left .input{
width: 690px;
}
#nickname3{
width: 356px;
margin-right: 8px;
}
.foot_message .left .input input{
width: 244px;
height: 52px;
font-size: 16px;
color: #f7f7f7;
padding: 0 18px;
background: rgba(78,112,195, 0.8);
border: none;
}
.foot_message .left .input input::-webkit-input-placeholder{
color:#f7f7f7;
}
.foot_message .left .input input::-moz-placeholder{
color:#f7f7f7;
}
.foot_message .left .input input:-moz-placeholder{
color:#f7f7f7;
}
.foot_message .left .input input:-ms-input-placeholder{
color:#f7f7f7;
}
.foot_message .left .input input:nth-child(1){
width: 356px;
margin-right: 8px;
}
.foot_message .left .tijiao{
display: block;
width: 272px;
height: 52px;
font-size: 16px;
color: #f7f7f7;
text-align: center;
line-height: 52px;
margin-top: 10px;
background: #ff8400;
border: none;
}
.foot_message .erweima{
width: 98px;
padding-top: 82px;
}
.foot_message .erweima img{
width: 100%;
}
.foot_message .erweima p{
font-size: 16px;
color: #f7f7f7;
text-align: center;
line-height: 49px;
}
.foot_message .dianhua{
padding: 0 44px;
padding-top: 76px;
}
.foot_message .dianhua img{
display: block;
margin: auto;
}
.foot_message .dianhua .p1{
font-size: 16px;
color: #f7f7f7;
line-height: 28px;
padding-top: 8px;
text-align: center;
}
.foot_message .dianhua .p2{
font-size: 22px;
color: #f7f7f7;
text-align: center;
line-height: 30px;
}
.product_html .left .margin_top{
margin-top: 21px;
}
.product_html .left .contact_left{
width: calc(100% - 50px);
margin: auto;
}
.product_html .left .contact_left .gsm{
font-size: 18px;
color: #0953c0;
line-height: 64px;
height: 64px;
padding-top: 15px;
}
.product_html .left .contact_left .dh{
border-top: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
}
.product_html .left .contact_left .dh p:nth-child(1){
font-size: 22px;
color: #ff8400;
font-weight: 600;
line-height: 30px;
padding-top: 10px;
}
.product_html .left .contact_left .dh p:nth-child(2){
font-size: 30px;
color: #ff8400;
font-weight: 600;
line-height: 40px;
padding-bottom: 8px;
}
.product_html .left .contact_left .xinxi{
padding-top: 14px;
}
.product_html .left .contact_left .xinxi p{
font-size: 16px;
color: #666666;
line-height: 36px;
}
.product_html{
background: #f5f6fb;
}
.fanye{
text-align: center;
padding-top: 23px; font-size:16px;
}
.fanye .jvzhong{
display: inline-flex;
}
.fanye .jvzhong a{
display: block;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 16px;
color: #666666;
background: #fff;
margin: 0 1.5px;
transition:all 0.3s ease-in-out;
}
.fanye .jvzhong a:hover{
color: #fff;
background: #0953c0;
}
.fanye .jvzhong .xuanzhong{
color: #fff;
background: #0953c0;
}
.fanye .jvzhong input{
display: block;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 16px;
color: #666666;
background: #fff;
margin: 0 1.5px;
border: none;
padding: 0;
}
.fanye .jvzhong p{
font-size: 16px;
color: #666666;
line-height: 50px;
margin: 0 5px;
}
.fanye .jvzhong .fan{
width: 90px;
}
.news_html .first_news{
width: calc(100% - 60px);
padding: 30px;
background: #fff;
border: solid 1px #e0e0e2;
}
.news_html .first_news .news .img{
border: solid 1px #dedede;
overflow: hidden;
}
.news_html .first_news .news .img img{
width: 236px;
}
.news_html .first_news .news .text{
margin-left: 30px;
width: calc(100% - 270px)
}
.news_html .first_news .news .text p:nth-child(1){
font-size: 18px;
color: #333333;
line-height: 38px;
margin-top: 4px;
margin-bottom: 10px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.news_html .first_news .news .text p:nth-child(2){
font-size: 15px;
color: #666666;
line-height: 25px;
margin-bottom: 12px;
text-align: justify;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.news_html .first_news .news .text p:nth-child(3){
font-size: 14px;
color: #999999;
}
.news_html .first_news .news .text a{
display: block;
width: 140px;
height: 40px;
border-radius: 3px;
background: #0953c0;
font-size: 16px;
color: #ffffff;
line-height: 40px;
text-align: center;
transition:all 0.3s ease-in-out;
}
.news_html .first_news .news .text a:hover{
background: #ff8400;
}
.news_html .news_list{
margin-top: 30px;
background: #fff;
padding: 15px 50px 15px 38px;
border: solid 1px #e0e0e2;
}
.news_html .news_list a .float_l{
font-size: 16px;
line-height: 50px;
height: 50px;
color: #666666;
width: calc(100% - 150px);
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
transition:all 0.3s ease-in-out;
}
.news_html .news_list a:hover .float_l{
color: #ff8400;
}
.news_html .news_list a .float_r{
width: 92px;
text-align: right;
font-size: 16px;
color: #666666;
line-height: 50px;
height: 50px;
}
.single_html{
padding: 34px 45px 34px 45px;
background: #fff;
border: solid 1px #e0e0e2;
}
.single_html .text img{
width: 100%;
margin: 15px 0;
}
.single_html .text p{
font-size: 16px;
color: #5b5b5b;
line-height: 36px;
text-align: justify;
}
.single_html .gongsiming{
font-size: 26px;
color: #0953c0;
font-weight: 600;
line-height: 66px;
}
.contact_html{
padding: 34px 45px 60px 45px;
background: #fff;
margin-bottom: 38px;
border: solid 1px #e0e0e2;
}
.contact_html .gongsiming{
font-size: 26px;
color: #0953c0;
font-weight: 600;
line-height: 66px;
}
.contact_html .text{
margin-bottom: 30px;
}
.contact_html .text p{
font-size: 16px;
color: #5b5b5b;
line-height: 36px;
text-align: justify;
}
.message_html{
padding: 34px 45px 60px 45px;
background: #fff;
margin-bottom: 38px;
border: solid 1px #e0e0e2;
}
.message_html .h3{
font-size: 26px;
color: #0953c0;
font-weight: 600;
line-height: 66px;
margin-bottom: 16px;
}
.message_html .input .p1{
width: 78px;
font-size: 18px;
color: #666666;
line-height: 46px;
padding-left: 7px;
}
.message_html .input .p2{
width: 105px;
font-size: 18px;
color: #f59900;
line-height: 46px;
text-align: center;
}
.message_html .input input{
width: calc(100% - 280px);
border: solid 1px #d4d5d6;
height: 46px;
font-size: 18px;
color: #666666;
padding: 0 20px;
margin-bottom: 18px;
}
.message_html .input textarea{
width: calc(100% - 280px);
border: solid 1px #d4d5d6;
height: 220px;
font-size: 18px;
color: #666666;
padding: 10px 20px;
margin-bottom: 18px;
}
.message_html .tijiao{
display: block;
width: 175px;
height: 53px;
text-align: center;
line-height: 53px;
background: #f59900;
font-size: 18px;
color: #ffffff;
margin-left: 85px;
margin-top: 28px;
border: none;
}
.product_html .product_img{
padding: 34px 45px 60px 45px;
background: #fff;
margin-bottom: 38px;
border: solid 1px #e0e0e2;
}
.product_html .product_img .name{
font-size: 26px;
font-weight: 600;
text-align: center;
color: #0953c0;
line-height: 66px;
padding-bottom: 10px;
}
.product_html .product_img .img{
position: relative;
}
.product_html .product_img .img img{
width:calc(100% - 160px);
border: solid 1px #d5d5d6;
margin: auto;
}
.product_html .product_img .img .show_l{
width: 54px;
height: 115px;
position: absolute;
top: 50%;
left: 0px;
margin-top: -60px;
transition:all 0.3s ease-in-out;
background: url("../images/show_l1.png") center center no-repeat;
}
.product_html .product_img .img .show_l:hover{
background: url("../images/show_l2.png") center center no-repeat;
}
.product_html .product_img .img .show_r{
width: 54px;
height: 115px;
position: absolute;
top: 50%;
right: 0px;
margin-top: -60px;
transition:all 0.3s ease-in-out;
background: url("../images/show_r1.png") center center no-repeat;
}
.product_html .product_img .img .show_r:hover{
background: url("../images/show_r2.png") center center no-repeat;
}
.product_html .product_img .product_title{
margin-top: 44px;
border-bottom: solid 1px #e0e0e2;
}
.product_html .product_img .product_title p{
width: 135px;
height: 44px;
background: #0953c0;
text-align: center;
line-height: 44px;
font-size: 18px;
color: #ffffff;
}
.product_html .product_img .product_text{
padding-top: 20px;
}
.product_html .product_img .product_text p{
font-size: 16px;
color: #5b5b5b;
text-align: justify;
line-height: 36px;
}
.list_show_html{
padding: 34px 45px 60px 45px;
background: #fff;
margin-bottom: 38px;
border: solid 1px #e0e0e2;
}
.list_show_html .list_show_title{
padding-bottom: 8px;
border-bottom: solid 1px #e0e0e2;
}
.list_show_html .list_show_title .name{
font-size: 26px;
color: #0953c0;
font-weight: 600;
line-height: 38px;
}
.list_show_html .list_show_title .time{
font-size: 16px;
color: #999999;
line-height: 44px;
}
.list_show_html .list_show_title .time span{
margin-left: 8px;
}
.list_show_html .list_show_text{
padding-top: 18px;
}
.list_show_html .list_show_text p{
font-size: 16px;
color: #666666;
line-height: 36px;
text-align: justify;
}
.list_show_html .qiehuan{
padding-top: 42px;
}
.list_show_html .qiehuan a{
width: calc(50% - 20px);
height: 46px;
border: solid 1px #e3e3e3;
display: block;
overflow:hidden;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.list_show_html .qiehuan a p{
margin: auto;
max-width: 80%;
display: table;
height: 46px;
line-height: 46px;
font-size: 16px;
color: #333333;
transition:all 0.3s ease-in-out;
padding-left: 18px;
background: url("../images/list_show_icon.png") top 18px left no-repeat;
}
.list_show_html .qiehuan a:hover p{
color: #ff8400;
}
.list_news{
padding: 20px 38px 22px;
background: #fff;
border: solid 1px #e0e0e2;
}
.list_news a{
display: block;
width: 45%;
padding-right: 5%;
font-size: 16px;
line-height: 40px;
height: 40px;
color: #666666;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
transition:all 0.3s ease-in-out;
}
.list_news a:hover{
color: #ff8400;
}
.product_html .right .title .phone_none{
display: none;
}
@media screen and (min-width:1024px) {
.foot1{ display:none;}
}
/* transition:all 0.3s ease-in-out;
transform: scale(1.1);
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
input::-webkit-input-placeholder{
color:#cccccc;
}
input::-moz-placeholder{
color:#cccccc;
}
input:-moz-placeholder{
color:#cccccc;
}
input:-ms-input-placeholder{
color:#cccccc;
}
textarea::-webkit-input-placeholder{
color:#cccccc;
}
textarea::-moz-placeholder{
color:#cccccc;
}
textarea:-moz-placeholder{
color:#cccccc;
}
textarea:-ms-input-placeholder{
color:#cccccc;
} */
/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}